草庐IT

鼠标拖动绘制矩形pointer-events: none

全部标签

javascript - 如果元素被隐藏,则忽略 .NET 验证器(显示 : none)

我们经常在使用javascript/css(即display:none)隐藏的元素上遇到.NET验证器问题例如(可能有语法错误但不用担心)...使用JavaScript:$('#chkNewsletter').changed(function(){$(this).is(':checked')?$('#newsletterOnly').show():$('#newsletterOnly').hide();});它不应该验证txtEmail如果它是隐藏的。如果newsletterOnly被隐藏,您将无法提交表单,因为RequiredFieldValidator即使被隐藏仍然有效:(而且你甚

javascript - jquery 可拖动但在原始元素所在的位置保留副本

假设我在页面顶部有3个笑脸,L、M和R。在底部,我有一个目标框。它们之间有一条语句:“将中间的笑脸拖到目的地”。虽然draggable允许您这样做,但它拖动的是实际元素,而不是副本。当用户拖动笑脸时,我希望前3个保持静止,只有他们正在移动的那个的副本才能真正移动。如果需要,用户应该能够将多个副本拖到多个目标框中。基本上,我正在寻找这样的东西$("#drag-target-1").draggable('leave-copy'); 最佳答案 使用值为clone的辅助属性来启用可拖动元素的克隆。$("#drag-target-1").dr

javascript - 为鼠标事件创建对象 "transparent"?

我正在使用HTML5Canvas和KineticJS开发一个项目。一个半透明的覆盖层(一个KineticJS组或层)被放置在整个场景中。问题是:未处理绑定(bind)到此叠加层下的KineticJS对象的鼠标事件。如何使这个叠加层(或任何其他对象)对鼠标事件“透明”?注意:问题仅与Canvas有关,没有其他HTML元素干扰它。(为了弄清楚下面的问题。) 最佳答案 假设您的意思是HTML元素放置在您的Canvas上,请尝试查看指针事件:pointereventsatMDN例如#foo{pointer-events:none;}

javascript - 在 Angularjs 中检测鼠标按下事件

我知道如何在被点击的指令上检测mousedown事件。但是,当鼠标在我的指令/元素之外时,我的指令也需要变得不受约束或取消选择。我该怎么做? 最佳答案 在指令中创建链接函数,该函数绑定(bind)文档上的mousedown事件处理程序。然后,在指令元素本身上绑定(bind)另一个mousedown事件。后一个处理程序还应调用event.stopPropagation()以防止事件一直冒泡到文档级别:link:function(scope,elem,attrs){angular.element(document).bind('mous

javascript - D3 数据映射 : OnClick Events on Bubbles

我正在关注数据map文档,我正在尝试为我在svg上呈现的气泡设置一个onClick监听器。现在,svgdiv具有以下子标签:....文档说对于map上列出的国家/地区,应该按以下方式完成:done:function(datamap){datamap.svg.selectAll('.datamaps-subunits').on('click',function(){alert("hello");});}这在尝试点击map上的特定区域时效果很好。尝试将相同的监听器附加到bubbles类没有任何效果..done:function(datamap){datamap.svg.selectAll(

javascript - Phaser JS 如何停止从 textButton.events.onInputDown 事件到 game.input.onDown 事件的事件传播(触发)?

这是JSFiddle.我这里有两个事件。game.input.onDown执行一些逻辑(在我的示例中生成粒子)是textButton.events.onInputDown,其中textButton是一个Phaser.Text对象实例,执行另一个逻辑。问题是:当我点击我的textButton时,这两个事件都被触发了1和2。问题是,当我点击textButton时,如何防止事件1触发?部分代码:...//Thiseventisfiredonclickanywhereevent#1game.input.onDown.add(particleBurst,this);//ThisisClickab

javascript - 在 Angular 2 中鼠标悬停之前,组件变量更改不会在 View 中更新

从angular2-alpha更新到最新版本后,bool值的更改不会更新*ngIf,直到执行某些操作。这里是有问题的组件:declarevarCKEDITOR:any;exportclassFieldComponent{@Input()field:any={};ckeditor:any;editable:boolean=false;constructor(){this.switchToUnEditable();this.listenForEvent("FieldEditableEvent",(data)=>{this.switchToEditable();});}switchToEdi

javascript - 使用 event.target.id 从 bind(this) 获取 id 时意外使用 'event' no-restricted-globals

此代码适用于Codepen:参见https://codepen.io/pkshreeman/pen/YQNPKB?editors=0010然而,我试图在我自己的“create-react-app”中使用它,并且“no-restricted-globals”的错误是由event.target.id触发的。有什么解决方法。除了使用事件目标之外,您如何从“this”中获取id?constElem=(props)=>{return(GoodMorning!{props.name}{props.last}Thisisphasethree{props.text}SecondButton);};cl

javascript - 使用 Highcharts 在 y 轴上绘制秒、分和小时

我有一些看起来像这样的数据:min="00:09"med="03:11"mean="23:39"max="12:40:26"我希望能够将这些值用作数据点,但我不确定如何绘制它们,因为它们不是简单的整数。理想情况下,我希望Y轴上的标签显示“小时”之类的内容,或者如果我要使用多个y轴,那么它可以显示“分钟”值的“秒”,“平均”值的“分钟”值等适应适当的时间窗口。我不确定是否可以使用日期时间对象,因为我只有时间值而没有日期。如有任何想法,我们将不胜感激,并提前致谢。 最佳答案 如果您拥有的时间是静态字符串,您可以将它们转换为日期时间对象.

javascript - 如何使用 javascript/jquery 检查鼠标是否退出浏览器窗口?

我需要一种方法来检查鼠标是否在浏览器窗口之外。问题在于,当鼠标快速移出浏览器窗口(我的元素靠近边缘)时,不会触发mouseout事件(或mousemove)。我认为解决我的问题的最好方法是检查计时器是否在窗口内,但我还没有找到方法,因为我需要触发一个事件才能获得鼠标坐标。我是一个javascript/jquery新手,但似乎应该有办法做到这一点,但到目前为止我肯定没能找到它。也许我可以强制触发鼠标事件并查看是否有任何xy值?知道我该怎么做吗?提前致谢! 最佳答案 好像@JoshuaMills在这里解决了这个问题:HowcanIdet